<template>
    <div class="audit_panel tel-sales-operate" v-loading="submitFormLoading" :element-loading-text="$t('salesManage.submitting')">
        <!--操作面板-->
        <h3 class="urging_panel_title">
            {{$t('common.operationPanel')}}
            <el-button @click="showSendMsg=true;" type="primary" size="mini" style="float: right;margin-top: 12px">{{ $t('salesManage.sendMsg') }}</el-button>
        </h3>
        <!--电销记录start-->
        <div v-if="showPanel" class="audit_panel_module">
            <div class="panel_content tv_records">
                <el-form :rules="formRules" ref="urgingForm" :model="urgingForm" label-position="top">
                    <!-- 姓名 -->
                    <el-form-item prop="realName" :label="$t('common.name')">
                        <el-input v-model="urgingForm.realName"></el-input>
                    </el-form-item>
                    <!-- 联络结果 -->
                    <el-form-item prop="contactResult" :label="$t('collection.contactResult')">
                        <el-select v-model="urgingForm.contactResult" :placeholder="$t('verify.plsChoose')" :disabled="submitButt">
                            <el-option v-for="opt in telOptList.telFeedBack" :label="opt.label" :key="opt.value" :value="opt.value">
                            </el-option>
                        </el-select>
                    </el-form-item>

                    <!-- 联络结果,显示话术编辑 -->
                    <!--<div class="editingStatement" v-if="urgingForm.contactResult===1&&editingStatementObj.list">
                        <div v-for="(itemBlock,indexBlock) in editingStatementObj.list" :key="indexBlock" class="editingStatementBlock">
                            &lt;!&ndash; 【单选】start &ndash;&gt;
                            <div v-if="itemBlock.questionType==1">
                                <el-form-item :label="itemBlock.content" :class="itemBlock.isMust==1?'is-required':''">
                                    <el-radio-group v-model="itemBlock.answer" prop="">
                                        <el-radio v-for="(itemOption,indexOption) in itemBlock.list" :key="indexOption" :label="itemOption.content"></el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </div>
                            &lt;!&ndash; 【单选】end &ndash;&gt;
                            &lt;!&ndash; 【多选】start &ndash;&gt;
                            <div v-if="itemBlock.questionType==2">
                                <el-form-item :label="itemBlock.content" :class="itemBlock.isMust==1?'is-required':''">
                                    <el-checkbox-group v-model="itemBlock.answer" class="checkboxWrap">
                                        <el-checkbox v-for="(itemOption,indexOption) in itemBlock.list" :key="indexOption" :label="itemOption.content"></el-checkbox>
                                    </el-checkbox-group>
                                </el-form-item>
                            </div>
                            &lt;!&ndash; 【多选】end &ndash;&gt;
                            &lt;!&ndash; 【输入】start &ndash;&gt;
                            <div v-if="itemBlock.questionType==3">
                                <el-form-item :label="itemBlock.content" :class="itemBlock.isMust==1?'is-required':''">
                                    <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="" v-model="itemBlock.answer"></el-input>
                                </el-form-item>
                            </div>
                            &lt;!&ndash; 【输入】end &ndash;&gt;
                        </div>
                    </div>-->
                    <!-- 电销结果 -->
                    <el-form-item prop="salesResult" :label="$t('salesManage.salesResult')">
                        <el-select v-model="urgingForm.salesResult" :placeholder="$t('verify.plsChoose')" :disabled="submitButt">
                            <el-option v-for="opt in telOptList.salesResult" :label="opt.label" :key="opt.value" :value="opt.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 下次跟进时间 -->
                    <el-form-item prop="nextFollowTime" :label="$t('salesManage.nextFollowTime')" v-if="urgingForm.salesResult===1">
                        <el-select v-model="urgingForm.nextFollowTime" :placeholder="$t('verify.plsChoose')" :disabled="submitButt">
                            <el-option v-for="opt in telOptList.nextFollowTime" :label="opt.label" :key="opt.value" :value="opt.value"></el-option>
                        </el-select>
                    </el-form-item>
                    <!-- 原因 -->
                    <el-form-item prop="unfollowReason" :label="$t('common.reason')" v-if="urgingForm.salesResult===2 && urgingForm.contactResult">
                        <el-select v-model="urgingForm.unfollowReason" :placeholder="$t('verify.plsChoose')" :disabled="submitButt">
                            <el-option v-for="opt in telOptList.reasonList" :label="opt.label" :key="opt.value" :value="opt.value" v-if="opt.validate||opt.telFeedBack===urgingForm.contactResult||urgingForm.contactResult==''"></el-option>
                        </el-select>
                    </el-form-item>
<!--                    &lt;!&ndash; 发送短信 &ndash;&gt;
                    <el-form-item prop="smsTemplateId" :label="$t('salesManage.sendMsg')">
                        <el-select v-model="urgingForm.smsTemplateId" :placeholder="$t('verify.plsChoose')" :disabled="submitButt">
                            <el-option v-for="opt in telOptList.smsTemplate" :label="opt.templateName" :key="opt.templateName + opt.id" :value="opt.id"></el-option>
                        </el-select>
                    </el-form-item>-->
                    <!-- 备注 -->
                    <el-form-item prop="remark" :label="$t('common.remark')">
                        <el-input v-model="urgingForm.remark" type="textarea" :rows="4" :placeholder="$t('verify.underXWords',{x: 200})" :maxlength="200" :disabled="submitButt"></el-input>
                    </el-form-item>
                    <el-form-item class="form_btn">
                        <el-button @click="submitForm" type="primary" :disabled="submitButt">{{$t('common.submit')}}</el-button>
                    </el-form-item>
                </el-form>
                <div>
                    <div>
                        {{$t('system.appPackage')}}:{{remark}}
                    </div>
                </div>
            </div>
        </div>
        <!--电销记录end-->

        <!--发送短信弹框-->
        <send-message :phone="phone" :visible.sync="showSendMsg" :app-name="appName" type="tel"></send-message>
    </div>
</template>

<script>
    import uploadImage from '@/components/upload-image';
    import EventBus from '@/libs/event-bus';
    import { eventConf } from '@/config/index';
    import storage from '@/libs/storage';
    import telOptList from './tel-opt-list';
    import SendMessage from '@/components/send-message';

    export default {
        name: 'auditPanel',
        components: {
            uploadImage,
            SendMessage,
        },
        inject: ['reload'], // 注入reload方法
        props: {
            showPanel: {
                type: Boolean,
                default: true
            },
            realName: {
                type: String
            },
            phone: {
                type: String
            },
            appName: {
                type: String,
            },
            remark:''
        },
        mixins: [telOptList],
        data() {
            return {
                submitButt: false,
                query: {
                    currentStatus: ''
                },
                submitFormLoading: false,
                userId: '',
                orderId: '',
                repayScheduleId: '',
                urgingForm: {
                    realName: '',
                    batchCode: '',
                    telUserId: '',
                    contactResult: '',
                    answerList: [],
                    salesResult: '',
                    nextFollowTime: '',
                    unfollowReason: '',
                    remark: '',
                    smsTemplateId: '',
                    phone: '',
                },
                // telOptList: {
                //     collectMethod: [],
                //     touchObj: [],
                //     telFeedBack: [
                //         {label: this.$t('common.getThrough'), value: 1},
                //         {label: this.$t('common.notConnected'), value: 2},
                //     ],  // 接通/未接通---联络结果
                //     salesResult: [
                //         {label: this.$t('salesManage.continueFollow'), value: 1},
                //         {label: this.$t('salesManage.noFollow'), value: 2},
                //         // {label: this.$t('salesManage.achieved'), value: 3},
                //     ], // 电销结果
                //     nextFollowTime: [
                //         {label: this.$t('salesManage.afterHourOne'), value: 1},
                //         {label: this.$t('salesManage.afterHourTwo'), value: 2},
                //         {label: this.$t('salesManage.afterHourFour'), value: 3},
                //         {label: this.$t('salesManage.afterHourSix'), value: 4},
                //         {label: this.$t('salesManage.tomorrow'), value: 5},
                //     ], // 下次跟进时间
                //     reasonList: [
                //         {label: this.$t('salesManage.reasonList.1'), value: 1, validate: false, telFeedBack: 2},
                //         {label: this.$t('salesManage.reasonList.2'), value: 2, validate: false, telFeedBack: 1},
                //         {label: this.$t('salesManage.reasonList.3'), value: 3, validate: false, telFeedBack: 2},
                //         // {label: this.$t('salesManage.reasonList.4'), value: 4, validate: false, telFeedBack: 1},
                //         // {label: this.$t('salesManage.reasonList.5'), value: 5, validate: false, telFeedBack: 2},
                //         {label: this.$t('salesManage.reasonList.6'), value: 6, validate: false, telFeedBack: 1},
                //         {label: this.$t('salesManage.reasonList.7'), value: 7, validate: false, telFeedBack: 1},
                //         {label: this.$t('salesManage.reasonList.8'), value: 8, validate: false, telFeedBack: 2},
                //     ], // 原因
                //     smsTemplate: [], // 短信模板
                // },
                formRules: {
                    salesResult: [
                        {required: true, message: this.$t('verify.plsInput')},
                    ],
                    contactResult: [
                        {required: true, message: this.$t('verify.plsInput')},
                    ],
                    nextFollowTime: [
                        {required: true, message: this.$t('verify.plsInput')},
                    ],
                    unfollowReason: [
                        {required: true, message: this.$t('verify.plsInput')},
                    ],
                    smsTemplateId: [
                        // { required: true, message: this.$t('og.requiredHere') },
                    ],
                    remark: [],
                },
                pickerOptions: {
                    disabledDate(time) {
                        const now = new Date();
                        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0);
                        return time.getTime() < today.getTime();
                    }
                },
                editingStatementObj: {
                    batchId: '',
                    // value:'',
                    list: []
                },
                willDetail: {},
                processed: {},
                nextParam: {
                    nextIndex: '',
                    pageCount: '',
                },
                showSendMsg: false,
            };
        },
        computed: {

            // 选择承诺还款时间
            promiseDateShow() {
                let isPromise = false;
                this.telOptList.telFeedBack.forEach((item) => {
                    if (item.value === this.urgingForm.telFeedBack && item.nid === 1) {
                        isPromise = true;
                    }
                });
                if (!isPromise) {
                    this.urgingForm.promiseTime = '';
                }
                return isPromise;
            },
            //  选择手机号异常
            telUnusualShow() {
                let unusual = false;
                this.telOptList.telFeedBack.forEach((item) => {
                    if (item.value === this.urgingForm.telFeedBack && item.nid === 7) {
                        unusual = true;
                    }
                });
                if (!unusual) {
                    this.urgingForm.exceptionPrompt = '';
                }
                return unusual;
            },
            //  选择工作信息异常
            workUnusualShow() {
                let unusual = false;
                this.telOptList.telFeedBack.forEach((item) => {
                    if (item.value === this.urgingForm.telFeedBack && item.nid === 9) {
                        unusual = true;
                    }
                });
                if (!unusual) {
                    this.urgingForm.exceptionPrompt = '';
                }
                return unusual;
            },
            //  选择已离职
            dimisstionShow() {
                let unusualWork = false;
                this.telOptList.telFeedBack.forEach((item) => {
                    if (item.value === this.urgingForm.telFeedBack && item.nid === 10) {
                        unusualWork = true;
                    }
                });
                if (!unusualWork) {
                    this.urgingForm.leaveOfficeTime = '';
                }
                return unusualWork;
            },
            //  选择三方代偿
            threeSideShow() {
                let threeSide = false;
                this.telOptList.telFeedBack.forEach((item) => {
                    if (item.value === this.urgingForm.telFeedBack && item.nid === 2) {
                        threeSide = true;
                    }
                });
                if (!threeSide) {
                    this.urgingForm.promisePeople = '';
                    this.urgingForm.contactPhone = '';
                }
                return threeSide;
            },
        },
        methods: {
            handleParams(page, opts) {
                const params = {
                    currentStatus: 1,
                    phone: '',
                    realName: '',
                    batchCode: '',
                    distributionTimeStart: '',
                    distributionTimeEnd: '',
                    agreeTimeStart: '',
                    agreeTimeEnd: '',
                    salesmanName: '',
                    salesmanGroupName: '',
                    nextFollowTimeStart: '',
                    nextFollowTimeEnd: '',
                    page: {
                        pageNo: page.currentPage,
                        pageSize: 1
                    }
                };
                if (opts) {
                    Object.keys(params).forEach((key) => {
                        if (opts[key] && params[key]) {
                            params[key] = opts[key];
                        }
                    });
                }
                if (opts.distributionTime && opts.distributionTime.length) {
                    params.distributionTimeStart = opts.distributionTime[0];
                    params.distributionTimeEnd = opts.distributionTime[1];
                }
                if (opts.agreeTime && opts.agreeTime.length) {
                    params.agreeTimeStart = opts.agreeTime[0];
                    params.agreeTimeEnd = opts.agreeTime[1];
                }
                if (opts.nextFollowTime && opts.nextFollowTime.length) {
                    params.nextFollowTimeStart = opts.nextFollowTime[0];
                    params.nextFollowTimeEnd = opts.nextFollowTime[1];
                }
                return params;
            },
            // 下一个用户的电销详情页
            next(data) {
                const { currentStatus } = this.query;
                // 待处理的下一个
                let params = {};
                if (currentStatus === '1') {
                    params = this.handleParams({currentPage: this.nextParam.nextIndex}, this.willDetail);
                } else if (currentStatus === '2') {
                    this.nextParam.nextIndex = (data == 3 || data == 4) ? (parseInt(this.nextParam.nextIndex) - 1) : this.nextParam.nextIndex;
                    // 已处理的下一个
                    params = this.handleParams({currentPage: this.nextParam.nextIndex}, this.processed);
                }
                this.$api.telSales.queryUserList(params).then((res) => {
                    const {status, data, error} = res;
                    if (status === '1' && error === '00000000') {
                        if (data.data.length === 0) {
                            if (currentStatus === '1') {
                                this.$router.replace('/conf/telemarketing/tel-manage/pending');
                            } else if (currentStatus === '2') {
                                // 已处理的下一个
                                this.$router.replace('/conf/telemarketing/tel-manage/processed');
                            }
                        } else {
                            const row = data.data[0];
                            const nextIndex = parseInt(this.nextParam.nextIndex) + 1;
                            this.$router.replace(`/conf/telemarketing/tel-manage/details/${row.userId}/${this.$root.local}/${row.telUserId}?currentStatus=${row.currentStatus}&batchCode=${row.batchCode}&id=${row.id}&nextIndex=${nextIndex}&phone=${row.phone}&appName=${row.appName}`);
                            // setTimeout(function(){
                            //   history.go(0);
                            // },0);
                            this.submitButt = false;
                            this.reload();
                        }
                    } else {
                        this.$router.replace('/conf/telemarketing/tel-manage/pending');
                    }
                });
            },
            submitForm() {
                this.$refs.urgingForm.validate((valid) => {
                    if (valid) {
                        const params = {
                            realName: '',
                            batchCode: '',
                            telUserId: '',
                            contactResult: '',
                            salesResult: '',
                            remark: '',
                            // answerList: [],
                            nextFollowTime: '',
                            unfollowReason: '',
                            // smsTemplateId: '',
                            phone: '',
                        };
                        Object.keys(params).forEach((key) => {
                            if (typeof this.urgingForm[key] !== 'undefined' && !(this.urgingForm[key] instanceof Array)) {
                                params[key] = this.urgingForm[key];
                            }
                        });
                        // 电销结果状态：1 继续跟进  2 不再跟进 3 已达成
                        if (this.urgingForm.salesResult === 1) {
                            params.nextFollowType = params.nextFollowTime + ""
                            // switch (this.urgingForm.nextFollowTime) {
                                // case 1:
                                //     params.nextFollowTime = (new Date()).getTime() + 1 * 60 * 60 * 1000;
                                //     break;
                                // case 2:
                                    // params.nextFollowTime = (new Date()).getTime() + 2 * 60 * 60 * 1000;
                                    // break;
                                // case 3:
                                //     params.nextFollowTime = (new Date()).getTime() + 4 * 60 * 60 * 1000;
                                //     break;
                                // case 4:
                                //     params.nextFollowTime = (new Date()).getTime() + 6 * 60 * 60 * 1000;
                                //     break;
                                // case 5:
                                //     params.nextFollowTime = new Date().setHours(23, 0, 0, 0) + 10 * 60 * 60 * 1000;
                                //     break;
                                // case 6:
                                    // params.nextFollowTime = new Date().setHours(23, 0, 0, 0) + 10 * 60 * 60 * 1000;
                                    // break;
                                // case 7:
                                    // params.nextFollowTime = new Date().setHours(23, 0, 0, 0) + 10 * 60 * 60 * 1000 + 6 * 24 * 60 * 60 * 1000;
                                    // break;
                                // default:
                                    // break;
                            // }
                            this.urgingForm.unfollowReason = '';
                            params.unfollowReason = '';
                        } else if (this.urgingForm.salesResult === 2) {
                            this.urgingForm.nextFollowTime = '';
                            params.nextFollowTime = '';
                        } else {
                            this.urgingForm.unfollowReason = '';
                            this.urgingForm.nextFollowTime = '';
                            params.unfollowReason = '';
                            params.nextFollowTime = '';
                        };
                        // let isMustFlag = false;
                        // const length = this.urgingForm.answerList.length;
                        // params.answerList.splice(0, length);
                        // 已接通的情况下，检查必填项是否填写完整
                        // if (this.urgingForm.contactResult === 1) {
                        //     this.editingStatementObj.list.forEach((currentValue, currentIndex, arr) => {
                        //         if (arr[currentIndex].questionType == 2) {
                        //             if (arr[currentIndex].isMust === 1 && arr[currentIndex].answer.length === 0) {
                        //                 isMustFlag = true;
                        //             }
                        //             params.answerList.push({
                        //                 'question': arr[currentIndex].content,
                        //                 'answer': arr[currentIndex].answer
                        //             });
                        //         } else {
                        //             if (arr[currentIndex].isMust === 1 && arr[currentIndex].answer === '') {
                        //                 isMustFlag = true;
                        //             }
                        //             params.answerList.push({
                        //                 'question': arr[currentIndex].content,
                        //                 'answer': [arr[currentIndex].answer]
                        //             });
                        //         }
                        //     });
                        // }

                        // if (isMustFlag) {
                        //     this.$message.error(this.$t('salesManage.requiredFields'));
                        //     return false;
                        // }
                        this.submitFormLoading = true;
                        delete params.nextFollowTime;
                        this.$api.telSales.addUserRecord(params).then((res) => {
                            const {status, data, error} = res;
                            if ('1' === status && error === '00000000') {
                                // 1 待处理 2 已处理  3 已达成  4 已失效
                                if (data === 3 || data === 4) {
                                    this.submitButt = true;
                                }
                                this.submitFormLoading = false;
                                // this.editingSpeech();
                                EventBus.$emit(eventConf.UPDATETELSALESRECORDS);
                                this.$refs.urgingForm.resetFields();
                                // const length = this.urgingForm.answerList.length;
                                // params.answerList.splice(0, length);
                                this.next(data);
                                // this.$nextTick(() => {
                                //     this.urgingForm.realName = this.realName;
                                //     this.urgingForm.phone = this.phone;
                                // })
                            } else {
                                this.submitFormLoading = false;
                            }
                        });
                    } else {
                        return false;
                    }
                });
            },
            // 查询话术
            editingSpeech() {
                const params = {
                    batchId: this.$route.query.batchId,
                    // importId:row.id
                };
                this.$api.telSales.getBatchQuestion(params).then((res) => {
                    const {status, data, error, msg} = res;
                    if (status === '1' && error === '00000000') {
                        this.editingStatementObj.batchId = this.$route.query.batchId;
                        data.forEach((currentValue, currentIndex, arr) => {
                            if (arr[currentIndex].questionType == 2) {
                                // this.$set(currentValue,'answer',[]);
                                currentValue.answer = [];
                            } else {
                                // this.$set(currentValue,'answer','');
                                currentValue.answer = '';
                            }
                        });
                        this.editingStatementObj.list = data;
                    } else {
                        this.$message({
                            type: 'error',
                            message: msg
                        });
                    }
                });
            },
            // 获取短信模板
            getSmsTemplate() {
                this.$api.telSales.selectUnDeleteTemplateName().then((res) => {
                    const {status, data, error} = res;
                    if ('1' === status && '00000000' === error && data) {
                        this.telOptList.smsTemplate = data;
                        this.telOptList.smsTemplate.unshift({templateName: this.$t('salesManage.doNotSend'), id: ''}); // '不发送'
                    }
                });
            },
        },
        created() {
            const { telUserId } = this.$route.params;
            const { batchCode, currentStatus, nextIndex } = this.$route.query;
            telUserId && (this.urgingForm.telUserId = telUserId);
            batchCode && (this.urgingForm.batchCode = batchCode);
            // this.editingSpeech();
            // this.getSmsTemplate();
            if (currentStatus) {
                this.query.currentStatus = currentStatus;
                if (nextIndex) {
                    this.query.currentStatus === '1' ? this.nextParam.nextIndex = nextIndex - 1 : this.nextParam.nextIndex = nextIndex;
                }
            }

            // 待处理搜索条件数据
            this.willDetail = storage.get('willDetail') || {
                currentStatus: 1,  // 1 待处理 2 已处理  3 已达成  4 已失效
                phone: '',
                realName: '',
                batchCode: '',
                distributionTime: [],
                // distributionTimeStart: "",
                // distributionTimeEnd: "",
                // agreeTime: [],
                // agreeTimeStart: "",
                // agreeTimeEnd: "",
                salesmanName: '',
                salesmanGroupName: ''
            };
            // 已处理搜索条件数据
            this.processed = storage.get('processed') || {
                currentStatus: 2,  // 1 待处理 2 已处理  3 已达成  4 已失效
                phone: '',
                realName: '',
                batchCode: '',
                distributionTime: [],
                // distributionTimeStart: "",
                // distributionTimeEnd: "",
                // agreeTime: [],
                // agreeTimeStart: "",
                // agreeTimeEnd: "",
                nextFollowTime: [],
                // nextFollowTimeStart: "",
                // nextFollowTimeEnd: "",
                salesmanName: '',
                salesmanGroupName: ''
            };
            this.urgingForm.realName = this.realName;
            this.urgingForm.phone = this.phone;
        },
        watch: {
            'urgingForm.contactResult': function (val) {
                if (val !== '' && this.urgingForm.unfollowReason !== '') {
                    const flag = this.telOptList.reasonList.some(opt => (this.urgingForm.unfollowReason === opt.value && (opt.validate || opt.telFeedBack === this.urgingForm.contactResult)));
                    if (!flag) {
                        this.urgingForm.unfollowReason = '';
                    }
                }
            },
            'urgingForm.salesResult': function (val) {
                // 下次跟进时间：接续跟进 要填写 下次跟进时间，默认选择2小时，选择 明天 即统一为 第二天 9:00
                if (val !== '' && val === 1) {
                    this.urgingForm.nextFollowTime = 2;
                }
            },
            'realName': function (val) {
                this.urgingForm.realName = val;
            },
            'phone': function (val) {
                this.urgingForm.phone = val;
            },
        }
    };
</script>

<style lang="scss">
    @import "~@/assets/scss/function";

    .tel-sales-operate /deep/ .editingStatementBlock {
        .el-form-item__label {
            word-wrap: break-word;
            white-space: normal;
            word-break: break-all;
            vertical-align: text-top;
            display: inline-block;
            padding: 0 10px;
        }
        .el-radio-group {
            width: 100%;
            .el-radio {
                margin: 5px;
                .el-radio__label {
                    word-wrap: break-word;
                    white-space: normal;
                    word-break: break-all;
                    vertical-align: text-top;
                    display: inline-block;
                    padding: 0 10px;
                }
            }
            .el-radio + .el-radio {
                margin-left: 0px;
            }
        }

        .checkboxWrap /deep/ {
            width: 100%;
            // display: block;
            .el-checkbox /deep/ .el-checkbox__label {
                word-wrap: break-word;
                white-space: normal;
                word-break: break-all;
                vertical-align: text-top;
                padding: 0 10px;
            }
            .el-checkbox + .el-checkbox {
                margin-left: 0px;
            }
        }
    }

    .audit_panel {
        /*padding: 0 16px;*/
    }

    .opacity_panel {
        opacity: 0.6;
    }

    .urging_panel_title {
        height: 52px;
        line-height: 52px;
        background-image: url("~@/assets/img/icon_edit.png");
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 32px;
        border-bottom: 1px solid #d4d7da;
        margin: 0 16px;
    }

    .audit_panel_module {
        margin: 20px 0 30px;
    }

    .audit_panel_module_title {
        padding-left: 16px;
        border-left: 2px solid $primary;
        margin-bottom: 12px;
    }

    .panel_content {
        padding: 0 16px;
        font-size: 12px;
    }

    /*.warning_tips{*/
    /*font-size: 12px;*/
    /*}*/
    .tips_row {
        margin-top: 12px;
        color: #a6a8aa;
    }

    .tips_row_title {
        color: $colorText;
    }

    .tips_code, .tips_type {
        padding-right: 5px;
    }

    .form_btn {
        text-align: right;
    }

    .conclusion_radio {
        text-align: right;
    }
</style>
